<template>

    <li v-for="item in arr">{{ item }}</li>
    <p>我的count：{{ count }}</p>
    <button @click="count++">点击我</button>
</template>
<script>
export default {
    data() { 
        // 定义一个返回对象的方法 data 自带响应式处理机制，不需要手动处理数据变化问题
        return {
            // 可以在这里定义数据
            arr: ['春天', '夏天', '秋天', '冬天'],
            count: 0
        }
    }
}
</script>
<style scoped>

</style>